﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Web 通信 Demo</title>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href="Content/Hplus/style.min.css" rel="stylesheet" />
    <link href="Content/themes/default/easyui.css" rel="stylesheet" />
    <link href="Content/themes/icon.css" rel="stylesheet" />
    <script src="Scripts/jquery-2.2.0.js"></script>
    <script src="Scripts/bootstrap.js"></script>
    <script src="Scripts/layer-v3.0.1/layer/layer.js"></script>
    <script src="Src/CommunicationFramework.js"></script>
    <script src="Scripts/jquery.easyui-1.4.5.js"></script>
    <script src="Scripts/locale/easyui-lang-zh_CN.js"></script>
    <script src="Scripts/Custom/index.js"></script>
    <link rel="shortcut icon" href="communication_128px.ico">
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>登录</h5>
                    </div>
                    <div class="ibox-content">
                        <form role="form" class="form-inline">
                            <div class="form-group">
                                <label for="serverIp" class="sr-only">Ip</label>
                                <input type="url" placeholder="请输入服务器IP" id="serverIp" class="form-control" value="192.168.2.5">
                            </div>
                            <div class="form-group">
                                <label for="serverPort" class="sr-only">端口</label>
                                <input type="number" placeholder="请输入端口" id="serverPort" class="form-control" value="5555">
                            </div>
                            <div class="form-group">
                                <label for="userName" class="sr-only">用户名</label>
                                <input type="text" placeholder="请输入用户名" id="userName" class="form-control">
                            </div>
                            <div class="form-group">
                                <label for="userPwd" class="sr-only">密码</label>
                                <input type="password" placeholder="请输入密码" id="userPwd" class="form-control">
                            </div>
                            <button class="btn btn-primary" type="button" id="loginServer">登录</button>
                            <button class="btn btn-danger" type="button" id="logoutServer">关闭</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox chat-view">
                <div class="ibox-title">
                    <small class="pull-right text-muted">最新消息：<label id="lastTime">没有哦！</label></small> 聊天窗口
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-md-9 ">
                            <div class="chat-discussion" id="divMessages">

                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="chat-users">
                                <div id="divUsers">

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="chat-message-form">
                                <div class="form-group">
                                    <textarea class="form-control message-input" name="message" placeholder="输入消息内容，按 Enter 键发送，Ctrl + Enter 广播。" id="textareaSendMessage"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <button class="btn btn-primary col-sm-4 col-sm-offset-1" type="button" id="buttonSendMessage">发送</button>
                            <button class="btn btn-primary col-sm-4 col-sm-offset-2" type="button" id="buttonBroadcastMessage">广播</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6" id="divUserChating">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
